<!--<div class="stock-chart-container" style="height: 100%; overflow: hidden;" interactive [listenEvents]="['keydown']" (eventTrigger)="handleKeydown($event)">-->
<div class="stock-chart-container" style="height: 100%; overflow: hidden;">
  <div *ngIf="currentConfig?.cate === 1" class="kchart-container" style="height: 100%; overflow: hidden;">
    <div class="chart-container">
      <kchart class="full-height" [updateEventSource]="stockSource" [method]="topBar.method" [period]="currentConfig.period" [lists]="lists"
        (btnClick)="removeSwitcher($event)" [config]="normalChartConfig"></kchart>
    </div>
    <div class="chart-switcher-container">
      指标：
      <kchart-switcher class="kchart-switcher" [switcherList]="switcherList" (switcherUpdate)="updateSwitchers($event)" [removeSource]="removeSub"></kchart-switcher>
    </div>
  </div>
  <quote-chart class="full-height" *ngIf="currentConfig?.cate === 0" [updateEventSource]="stockSource" method="" [duration]="currentConfig.duration"></quote-chart>
  <div class="nine-chart" *ngIf="currentConfig?.cate === 2" style="height: 100%; overflow: hidden;">
    <!--
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" [period]="'Sec15'" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">15秒</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Sec30" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">30秒</h4>
    </div>
    -->
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Min1" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">1分</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Min5" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">5分</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Min15" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">15分</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Min30" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">30分</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Day1" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">日K</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Day7" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">周K</h4>
    </div>
    <div class="nine-chart-wrap">
      <div class="chart-main">
        <kchart [updateEventSource]="stockSource" [isFullLoaded]="false" [method]="topBar.method" period="Day30" [lists]="['MA', 'VOL']"
          [config]="nineChartConfig"></kchart>
      </div>
      <h4 class="chart-title">月K</h4>
    </div>
  </div>
</div>